<%@ page contentType="text/html; charset=UTF-8" language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/taglibs.jsp" %>

<div id="HintCountryOverlay" class="overlay" style="display:none">
	<div id="SubOverlay1" align="center" style="padding-top:20px;">			
		<div style="width:1000px;">
			<b class="b1f"></b><b class="b2f archead"></b><b class="b3f archead"></b><b class="b4f archead"></b>
			<div class="archead" style="height:30px;font-size: 14px;font-family: 微軟正黑體">	
				<table style="width:100%">
					<tr>
						<td style="width:20%;text-align: left;">
							<img src="${appPath }/resource/image/1317475091_Taiwan-Flag.png" />
							<span id="countryFilterLoadingImg" style="display:">
								<img src="${appPath }/resource/image/ajax-loader.gif" />
							</span>
						</td>
						<td style="width:60%;text-align: center;color: black;">
							請選擇國別
						</td>							
						<td style="width:20%;text-align: right;">
							<img src="${appPath }/resource/image/check_alt_24.png" height="20" width="20" onclick="codeCountrySubmit();" style="cursor: pointer;"/>&nbsp;								
							<img src="${appPath }/resource/image/x_alt_24.png" height="20" width="20" onclick="$('#HintCountryOverlay').fadeOut('fast');" style="cursor: pointer;"/>&nbsp;
						</td>					
					</tr>		
				</table>					
			</div>
			<div class="arccontent arccontentBox" style="padding-left:20px;padding-right:20px;color: green;font-weight: 400;letter-spacing: 2px;">
				<table style="width:100%;">
					<tr>						
						<td style="text-align: right;width:80px;">
							過濾器：
						</td>
						<td style="width:250px;text-align:left;" valign="middle">
							<input type="text" id="qr" class="bar_2" style="width:90%;" onkeyup="getCodeCountryQuery(this.value,false);"/>
						</td>
						<td style="text-align: left;">
							<a href="javascript:void(0);" onclick="$('#qr').val('');getCodeCountryQuery('')" >
								<img src="${appPath }/resource/image/1318818501_clear-left.png" width="22px" height="22px" border="0"/>
							</a>
						</td>
					</tr>	
				</table>						
					<!-- 
					<input type="checkbox" value="A1" checked="checked" />中南美地區
					<input type="checkbox" value="A2" checked="checked" />亞太地區
					<input type="checkbox" value="A3" checked="checked" />北美地區 
					<input type="checkbox" value="A4" checked="checked" />歐洲地區
					<input type="checkbox" value="A5" checked="checked" />西亞地區
					<input type="checkbox" value="A6" checked="checked" />非洲地區
					-->
				<hr/>
				<table style="width:100%">
					<tr>
						<td id="selectedArea" style="height: 40px;text-align: center;"></td>
					</tr>
				</table>				
				<hr/>
				<div style="width:100%;height: 300px;" id="OverlayCountryContent"></div>
				<hr/>
				<div style="width:100%;height: 40px;padding-top:5px;" >		
					<table style="width:100%">
						<tr>
							<td style="text-align: center;">			
								<span class="button" style="width:60px;" onclick="codeCountrySubmit();">確　認</span>
								<span class="button_2" style="width:60px;" onclick="$('#HintCountryOverlay').fadeOut('fast');">取　消</span>
							</td>
						</tr>
					</table>
				</div>
			</div>
			<b class="b4f"></b><b class="b3f"></b><b class="b2f"></b><b class="b1f"></b>
		</div>
	</div>
</div>

<div id="HintPlantOverlay" class="overlay" style="display:none">
	<div id="SubOverlay2" align="center" style="padding-top:20px;">			
		<div style="width:1000px;">
			<b class="b1f"></b><b class="b2f archead"></b><b class="b3f archead"></b><b class="b4f archead"></b>
			<div class="archead" style="height:30px;font-size: 14px;font-family: 微軟正黑體">	
				<table style="width:100%">
					<tr>
						<td style="width:20%;text-align: left;">
							<img src="${appPath }/resource/image/1317475658_leaf-plant.png" />
							<span id="plantFilterLoadingImg" style="display:none">
								<img src="${appPath }/resource/image/ajax-loader.gif" />
							</span>							
						</td>
						<td style="width:60%;text-align: center;color: black;">請選擇植物別</td>							
						<td style="width:20%;text-align: right;">
							<img src="${appPath }/resource/image/check_alt_24.png" height="20" width="20" onclick="codePlantSubmit();" style="cursor: pointer;"/>&nbsp;								
							<img src="${appPath }/resource/image/x_alt_24.png" height="20" width="20" onclick="$('#HintPlantOverlay').fadeOut('fast');" style="cursor: pointer;"/>&nbsp;
						</td>					
					</tr>		
				</table>					
			</div>
			<div class="arccontent arccontentBox" style="padding-left:20px;padding-right:20px;color: green;font-weight: 400;letter-spacing: 2px;">
				<table style="width:100%">
					<tr>						
						<td style="text-align: right;width:80px">
							過濾器：
						</td>
						<td style="width:250px;text-align:left" valign="middle">
							<input type="text" id="qr_plant" class="bar_2" style="width:90%;" onkeyup="getCodePlantQuery(this.value,false);"/>
						</td>
						<td style="text-align: left;">
							<a href="javascript:void(0);" onclick="$('#qr_plant').val('');getCodePlantQuery('')" >
								<img src="${appPath }/resource/image/1318818501_clear-left.png" width="22px" height="22px" border="0"/>
							</a>
						</td>
						<td>
							<span id="noChooseRegion"></span>
						</td>
					</tr>
				</table>	
				<hr/>				
				<table style="width:100%">
					<tr>
						<td id="selectedPlantArea" style="height: 40px;padding-top:5px;text-align: center;"></td>
					</tr>
				</table>				
				<hr/>
				<div style="width:100%;height: 300px;" id="OverlayPlantContent"></div>
				<hr/>
				<div style="width:100%;height: 40px;padding-top:10px;" >
					<table style="width:100%">
						<tr>
							<td style="text-align: center;">				
								<span class="button" style="width:60px;" onclick="codePlantSubmit();">確　認</span>
								<span class="button_2" style="width:60px;" onclick="$('#HintPlantOverlay').fadeOut('fast');">取　消</span>
							</td>
						</tr>
					</table>
				</div>
			</div>
			<b class="b4f"></b><b class="b3f"></b><b class="b2f"></b><b class="b1f"></b>
		</div>
	</div>
</div>
